<template>
 <view class="home-app d-flex flex-column">
  <mineNavbar :styleData="styleData"></mineNavbar>
  <!--pages/detail/successPage/index.wxml-->
  <view class="successSty">
   <tabbarTop class="tabbarTop"></tabbarTop>
   <view class="top">
    <icon type="success" size="100" color="#34A1FF" />
    <view class="f_text">已提交申请</view>
    <view class="t_text">企业已收到你的申请</view>
   </view>
   <view class="btn"><text @click="handleBackPost">返回岗位列表</text></view>
   <view class="btn1"><text @click="handleBackHome">返回首页</text></view>
  </view>
 </view>
</template>

<script>



export default {
 components: {},
 data() {
  return {
   styleData: {
    show: true

   },
  };
 },
 computed: {},
 watch: {},
 async onLoad(options) {

 },
 async onShow() { },
 onReady() { },
 methods: {
  handleBackPost() {
   uni.navigateBack()
  },
  handleBackHome() {
   uni.switchTab({
    url: '/pages/tabbarChange/firstPage/index'
   })
  }
 },
};
</script>
<style lang="scss" scoped>
.home-app {
 position: relative;
 height: 100%;

 /* pages/detail/successPage/index.wxss */
 .successSty {
  width: 100%;

  .top {
   margin-top: 200rpx;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;

   .f_text {
    font-weight: 900;
    font-size: 40rpx;
    color: #101010;
    margin: 20px 0;
   }

   .t_text {
    font-size: 28rpx;
    color: #00000073;
   }
  }

  .btn {
   width: 100%;
   display: flex;
   justify-content: center;

   text {
    width: 420rpx;
    height: 88rpx;
    background: #FF9E24;
    border-radius: 44rpx;
    color: #fff;
    text-align: center;
    line-height: 88rpx;
    margin-top: 200rpx;
   }
  }

  .btn1 {
   width: 100%;
   display: flex;
   justify-content: center;

   text {
    width: 420rpx;
    height: 88rpx;
    border: 1px solid #00000033;
    border-radius: 44rpx;
    text-align: center;
    line-height: 88rpx;
    color: #000;
    margin-top: 10px;
   }
  }
 }
}
</style>
